/*! @import */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {

    html,
    body {
        color: rgb(73, 82, 94);
    }

    * {
        border-style: solid;
        border-width: 0;
    }

    :focus-visible {
        outline: none;
    }
}

@layer utilities {

    /* 垂直居中的flex盒子 */
    .flex-box {
        display: flex;
        align-items: center;
    }

    /* 滚动条 ---- start ---- */
    .scroll-bar::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    .scroll-bar::-webkit-scrollbar-thumb {
        border-radius: 4px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: rgba(0, 0, 0, 0.2);
    }

    .scroll-bar::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.4);
    }

    /* 浅色滚动条 */
    .scroll-bar-white::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.8);
    }

    .scroll-bar-white::-webkit-scrollbar-thumb:hover {
        background: rgba(255, 255, 255, 0.9);
    }

    /* 滚动条 ---- end ---- */
}